<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>实名认证</title>
		<link rel="stylesheet" href="./css/format.css" />
		<link rel="stylesheet" href="./css/mint-min.css" />
		<link rel="stylesheet" href="./css/register.css" />
		<link rel="stylesheet" href="./component/component.css" />
	</head>

	<body>
		<div id="app">
			<register-stepper step="2"></register-stepper>
			<div class="register-upload-wrapper">
				<p class="register-step2-notice">
					为保障您的资金安全权益，请绑定一张本人<i>储蓄卡</i>用于喜马拉雅的零钱包存款及便捷取款。
				</p>
				<div class="register-step2-checkbanks">
					<p @click="jump('supportBanks')">查看支持银行</p>
				</div>
				<div class="register-step2-inputwrapper">
					<div class="register-information-input register-step2-input">
						<label>储蓄卡号：</label>
						<input 
							:type="bankNoInputType"
							:value="bankNo"
							@focus="onBanckCardFocus"
							@blur="onBanckCardBlur"
							@keyup="onBanckCardKeyup($event)"
						/>
					</div>
					<div class="register-information-input register-step2-input">
						<label>预留手机：</label>
						<input v-model="tel" type="tel" />
					</div>
					<div class="register-information-input register-step2-input">
						<label>验证码：</label>
						<input v-model="checkCode" type="tel" class="register-step2-checkCodeInput" ref="checkCodeInput"/>
						<div 
							:class="{'register-step2-sendcheckcode': true, checkCodeBtnDisabled: checkCodeBtnDisabled}" 
							@click="sendCheckCode"
							v-text="sendCodeText"
						></div>
					</div>
				</div>
			</div>
			<wide-red-button title="下一步" :disabled="disabled" @click="goNextStep"></wide-red-button>
			<div class="register-step2-backgroundlogo">
				<background-logo src="./img/icon_banlogoblue.svg"></background-logo>
			</div>
		</div>
	</body>
	<script src="./util/vue.min.js"></script>
	<script src="./util/rem.js"></script>
	<script type="text/javascript" src="./util/mint-min.js"></script>
	<script type="text/javascript" src="./util/util.js"></script>
	<script src="./util/regConfig.js"></script>
	<script src="./component/stepper.js"></script>
	<script src="./component/wide-red-button.js"></script>
	<script src="./component/background-logo.js"></script>
	<script src="./js/register-step2.js"></script>

</html>